<template>
  <div id="app">
    <TabbarVue></TabbarVue>
    <HeaderVue></HeaderVue>
    <Login v-show="isShowLoginModel"></Login>
    <router-view />
  </div>
</template>
<script>
import TabbarVue from './components/Tabbar.vue';
import HeaderVue from "./components/Header.vue";
import Login from "./components/Login.vue";
import { mapState } from 'vuex';


export default {
  components: {
    TabbarVue,
    HeaderVue,
    Login
  },
  computed:{
     ...mapState({
      isShowLoginModel:state=>state.isShowModel.isShowLoginModel
     })
  }
}


</script>

<style lang="less" >
* {
  margin: 0px;
  padding: 0px;
}

</style>
